<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.banner.js"></script>
    <script type="text/javascript" language="javascript" src="js/jcarousellite.js"></script>
    <script type="text/javascript" language="javascript" src="js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/shop.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
    <script type="text/javascript">
        $(document).ready(function(){
            // Top new book rolling
            $("#TopNew_Book_Roll").jCarouselLite({
                visible: 5,
                auto: 3000,
                speed: 1000,
                btnPrev: ".btnprev",
                btnNext: ".btnnext"
            }); 
        });
    </script>
</head>
<body>
    <header class="blue">
        <div class="container"><img src="img/header_blue.jpg" /></div>
    </header>
    <article>
        <div class="container">
            <!-- Begin: Breadcrumb -->
            <dl class="breadcrumb mgb10">
                <span class="home blue"></span>홈<span class="cursor"></span>국가전문자격증<span class="cursor"></span>공인중..
            </dl>
            <!-- End: Breadcrumb -->
        </div>
        <div class="container">
            <div id="book_cate">
                <!-- Begin: Book aside -->
                <div class="book-aside">
                    <div class="name"><img src="img/book/bg_cate_menu.gif" /></div>
                    <div class="mtit first">도서</div>
                    <ul class="nav">
                        <li><a href="#">디자인도서</a></li>
                        <li><a href="#">소설</a></li>
                        <li><a href="#">시/에세이/기행</a></li>
                        <li><a href="#">인문/교양/철학</a></li>
                        <li><a href="#">역사/신화/문화</a></li>
                        <li><a href="#">종교</a></li>
                        <li><a href="#">사회/정치/법률</a></li>
                        <li><a href="#">경제/경영</a></li>
                        <li><a href="#">자기계발</a></li>
                        <li><a href="#">외국어/사전</a></li>
                        <li><a href="#">가정/생활/요리</a></li>
                        <li><a href="#">건강/의학/미용</a></li>
                        <li><a href="#">유아</a></li>
                        <li><a href="#">어린이</a></li>
                        <li><a href="#">학습/참고서</a></li> 
                        <li><a href="#">청소년</a></li>
                        <li><a href="#">예술/대중문화</a></li>
                        <li><a href="#">여행/취미/레저 </a></li>
                        <li><a href="#">잡지</a></li>
                        <li><a href="#">만화</a></li>
                        <li><a href="#">컴퓨터/인터넷</a></li>
                        <li><a href="#">자연과학/공학</a></li>
                        <li><a href="#">대학교재</a></li>
                        <li><a href="#">서양서</a></li>
                        <li><a href="#">일본서</a></li>
                    </ul>
                    <div class="mtit">수험서</div>
                    <ul class="nav">
                        <li><a href="#">공무원</a></li>
                        <li><a href="#">국가고시</a></li>
                        <li><a href="#">임용시험</a></li>
                        <li><a href="#">대기업/공기업/면접</a></li>
                        <li><a href="#">편입/진학/전문대</a></li>
                        <li><a href="#">대표저자/수험서</a></li>
                        <li><a href="#">국가기술자격증(기사/기능사)</a></li>
                        <li><a href="#">국가전문자격증</a></li>
                        <li><a href="#">외국자격증 </a></li>
                        <li><a href="#">민간전문자격증</a></li>
                    </ul>
                    <div class="topic">
                        <div class="tip"></div>
                        <div class="photo"><img src="img/book/topic_item.jpg" /></div>
                        <div class="nm"><a href="#">썰전</a></div>
                        <div class="price"><span class="t1">15,000원</span> → <span class="t2">13,500원</span> <img src="img/common/ic_down_blue.gif"/> <span class="t3">(10%)</span></div>
                    </div>
                    
                    <div class="top-week">
                        <div class="tit"><img src="img/book/top_week_tit.gif" /></div>
                        <div class="content">
                            <div class="nav-step"><span class="plus"></span>도서<span class="cursor"></span>소설<span class="cursor"></span>테마소설</div>
                            <ul class="nav-list first">
                                <li><img src="img/book/no_1.gif" /><a href="#" title="캔들 플라워">캔들 플라워</a><span>김선우</span></li>
                                <li><img src="img/book/no_2.gif" /><a href="#" title="숨김없이 남김없이">숨김없이 남김없이</a><span>김태용</span></li>
                                <li><img src="img/book/no_3.gif" /><a href="#" title="조선 명탐정 정약용 2">조선 명탐정 정약용 2</a><span>이수광</span></li>
                            </ul>
                            <div class="nav-step"><span class="plus"></span>도서<span class="cursor"></span>소설<span class="cursor"></span>테마소설</div>
                            <ul class="nav-list">
                                <li><img src="img/book/no_1.gif" /><a href="#" title="공인중개사 1차 민..">공인중개사 1차 민..</a><span>박문각..</span></li>
                                <li><img src="img/book/no_2.gif" /><a href="#" title="명품강의로 보는..">명품강의로 보는..</a><span>정준영</span></li>
                                <li><img src="img/book/no_3.gif" /><a href="#" title="EBS 에듀윌 공인중..">EBS 에듀윌 공인중..</a><span>한국부..</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- End:   Book aside -->
                <!-- Begin: Book content -->
                <div class="book-content">
                	<table id="tbl_top">
            			<tbody><tr>
                            <td id="col1">
                            <p><span>컴퓨터/인터넷</span></p>
                         
                            <ul>
                                <li>플래너/캘린더</li>
                                <li>노트/메모</li>
                                <li>필통</li>
                                <li>필기류</li>
                                <li>고급필기류</li>
                                <li>데코아이템</li>
                                <li>데스크용품</li>
                                <li>사무용품</li>
                                <li>화일/바인더</li>
                                <li>앨범/기록북</li>
                                <li>미술도구</li>
                                <li>개인소품</li>
                                <li>세트상품</li>
                            </ul>
                            </td>
                            
                            
                            <td>
                            </td>
                            <td id="col3">
                            
                            </td>
                        </tr>
                        </tbody>
            		</table>
                    <table id="tbl_second">
                        <tr>
                            <td>
                            <p>컴퓨터 입문/활용</p>
                            <img class="icon_down" src="img/category/icon_down.jpg">
                            <ul>
                                <li>- 컬러별 테스트</li>
                                <li>- 재질별 테스트</li>
                            </ul>
                            </td>
                            <td>
                            	<p>프로그래밍</p>
                            	<img class="icon_down" src="img/category/icon_down.jpg">
                                <ul>
                                <li>- 컬러별 테스트</li>
                                <li>- 재질별 테스트</li>
                            </ul>
                            </td>
                            <td>
                            	<p>데이터베이스</p>
                            	<img class="icon_down" src="img/category/icon_down.jpg">
                                <ul>
                                <li>- 컬러별 테스트</li>
                                <li>- 재질별 테스트</li>
                            </ul>
                            </td>
                             <td>
                            </td>
                            <td id="last">
                            </td>
                        </tr>
                    </table>
                    <div style="height:20px;"></div>
                    <!-- Begin: Top banners -->
                    <div class="topban">
                        <div class="box box-main"><img src="img/book/cate_main_banner.jpg" /></div>
                        <div class="box box-new">
                            <div class="label"></div>
                            <img src="img/book/cate_item_new.jpg" />
                            <div class="nm">눈이 편한 동영상 제..</div>
                            <ul class="sell"><li>8,000원</li><li>6,480원</li></ul>
                        </div>
                        <div class="box box-top">
                            <div class="inner">
                                <div class="tit"><img src="img/book/top_cate_tit.gif" /></div>
                                 <ul class="list">
                                    <li><img src="img/book/no_1.gif" /><a href="#" title="캔들 플라워">캔들 플라워</a><span>김선우</span></li>
                                    <li><img src="img/book/no_2.gif" /><a href="#" title="숨김없이 남김없이">숨김없이 남김없이</a><span>김태용</span></li>
                                    <li><img src="img/book/no_3.gif" /><a href="#" title="조선 명탐정 정약용 2">조선 명탐정 정약용 2</a><span>이수광</span></li>
                                    <li><img src="img/book/no_4.gif" /><a href="#" title="숨김없이 남김없이">숨김없이 남김없이</a><span>김태용</span></li>
                                    <li><img src="img/book/no_5.gif" /><a href="#" title="조선 명탐정 정약">조선 명탐정 정약</a><span>이수광</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- End:   Top banners -->
                    
                    <!-- Begin: MD Recommend -->
                    <div class="topcate book-top-slide">
                            <div class="tit"><img src="img/book/md_choice_tit.gif" /></div>
                            <div class="btnprev"><img src="img/book/btn_md2_prev.gif" /></div>
                            <div id="TopNew_Book_Roll" class="box-slide">
                                <ul>
                                    <li>
                                        <a href="#"><img src="img/book/md_recommend_01.jpg" /></a>
                                        <div class="info">
                                            <a class="name" href="#">과학 삼국사기</a>
                                        </div>
                                        <div class="price"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">25%</span></div>
                                    </li>
                                    <li>
                                        <a href="#"><img src="img/book/md_recommend_02.jpg" /></a>
                                        <div class="info">
                                            <a class="name" href="#">과학 삼국사기</a>
                                        </div>
                                        <div class="price"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">25%</span></div>
                                    </li>
                                    <li>
                                        <a href="#"><img src="img/book/md_recommend_03.jpg" /></a>
                                        <div class="info">
                                            <a class="name" href="#">과학 삼국사기</a>
                                        </div>
                                        <div class="price"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">25%</span></div>
                                    </li>
                                    <li>
                                        <a href="#"><img src="img/book/md_recommend_04.jpg" /></a>
                                        <div class="info">
                                            <a class="name" href="#">과학 삼국사기</a>
                                        </div>
                                        <div class="price"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">25%</span></div>
                                    </li>
                                    <li>
                                        <a href="#"><img src="img/book/md_recommend_02.jpg" /></a>
                                        <div class="info">
                                            <a class="name" href="#">과학 삼국사기</a>
                                        </div>
                                        <div class="price"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">25%</span></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="btnnext"><img src="img/book/btn_md2_next.gif" /></div>
                            
                    </div>
                    <!-- End: MD Recommend -->
                    
                    <!-- Begin: List regular -->
                    <table class="sort">
                        <colgroup>
                            <col width="270" />
                            <col width="*" />
                        </colgroup>
                        <tbody>
                            <tr height="42">
                                <td class="order">
                                    <a href="#"><img src="img/common/btn_sort_release_on.gif" /></a>
                                    <a href="#"><img src="img/common/btn_sort_price_de.gif" /></a>
                                    <a href="#"><img src="img/common/btn_sort_price_in.gif" /></a>
                                </td>
                                <td class="view">
                                    <select onchange="" class="mgr5">
                                        <option value="32">32개 정렬</option>
                                        <option value="64">64개 정렬</option>
                                        <option value="96">96개 정렬</option>
                                    </select>
                                    <a href="#"><span class="lstview blue lstview-f"></span></a>    <!-- view full   -->
                                    <a href="#"><span class="lstview blue lstview-l"></span></a>    <!-- view large  -->
                                    <a href="#"><span class="lstview blue lstview-m"></span></a>    <!-- view medium -->
                                    <a href="#"><span class="lstview blue lstview-s on"></span></a> <!-- view small  -->
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- End: List regular -->
                    
                    <!-- Begin: Book list -->
                    <ul class="cate-list">
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_01.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="코카콜라 보틀병 6종세트">코카콜라 보틀병 6종세트</a>
                                    <a class="name sub" href="#" title="헤이컨설팅그룹 저">헤이컨설팅그룹 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_02.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="시간 창조자">시간 창조자</a>
                                    <a class="name sub" href="#" title="막시무스 저">막시무스 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_03.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="코카콜라 보틀병 6종 세트">코카콜라 보틀병 6종 세트</a>
                                    <a class="name sub" href="#" title="세스고딘 저">세스고딘 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_04.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="20대 세상에 나가기 전 꼭 알아야 할 새로운 기준 12">20대 세상에 나가기 전 꼭 알아야 할 새로운 기준 12</a>
                                    <a class="name sub" href="#" title="헤이컨설팅그룹 저">헤이컨설팅그룹 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_05.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="프로젝트에 강한 팀장의 비밀">프로젝트에 강한 팀장의 비밀</a>
                                    <a class="name sub" href="#" title="로라 밴더캠 저">로라 밴더캠 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_01.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="코카콜라 보틀병 6종세트">코카콜라 보틀병 6종세트</a>
                                    <a class="name sub" href="#" title="헤이컨설팅그룹 저">헤이컨설팅그룹 저</a>
                                </div>
                               <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_02.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="시간 창조자">시간 창조자</a>
                                    <a class="name sub" href="#" title="막시무스 저">막시무스 저</a>
                                </div>
                               <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_03.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="코카콜라 보틀병 6종 세트">코카콜라 보틀병 6종 세트</a>
                                    <a class="name sub" href="#" title="세스고딘 저">세스고딘 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_04.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="20대 세상에 나가기 전 꼭 알아야 할 새로운 기준 12">20대 세상에 나가기 전 꼭 알아야 할 새로운 기준 12</a>
                                    <a class="name sub" href="#" title="헤이컨설팅그룹 저">헤이컨설팅그룹 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_05.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="프로젝트에 강한 팀장의 비밀">프로젝트에 강한 팀장의 비밀</a>
                                    <a class="name sub" href="#" title="로라 밴더캠 저">로라 밴더캠 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_01.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="코카콜라 보틀병 6종세트">코카콜라 보틀병 6종세트</a>
                                    <a class="name sub" href="#" title="헤이컨설팅그룹 저">헤이컨설팅그룹 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_02.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="시간 창조자">시간 창조자</a>
                                    <a class="name sub" href="#" title="막시무스 저">막시무스 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_03.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="코카콜라 보틀병 6종 세트">코카콜라 보틀병 6종 세트</a>
                                    <a class="name sub" href="#" title="세스고딘 저">세스고딘 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_04.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="20대 세상에 나가기 전 꼭 알아야 할 새로운 기준 12">20대 세상에 나가기 전 꼭 알아야 할 새로운 기준 12</a>
                                    <a class="name sub" href="#" title="헤이컨설팅그룹 저">헤이컨설팅그룹 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_05.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="프로젝트에 강한 팀장의 비밀">프로젝트에 강한 팀장의 비밀</a>
                                    <a class="name sub" href="#" title="로라 밴더캠 저">로라 밴더캠 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_01.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="코카콜라 보틀병 6종세트">코카콜라 보틀병 6종세트</a>
                                    <a class="name sub" href="#" title="헤이컨설팅그룹 저">헤이컨설팅그룹 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_02.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="시간 창조자">시간 창조자</a>
                                    <a class="name sub" href="#" title="막시무스 저">막시무스 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_03.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="코카콜라 보틀병 6종 세트">코카콜라 보틀병 6종 세트</a>
                                    <a class="name sub" href="#" title="세스고딘 저">세스고딘 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_04.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="20대 세상에 나가기 전 꼭 알아야 할 새로운 기준 12">20대 세상에 나가기 전 꼭 알아야 할 새로운 기준 12</a>
                                    <a class="name sub" href="#" title="헤이컨설팅그룹 저">헤이컨설팅그룹 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo"><a href="#" title=""><img src="img/book/item_120px_05.jpg" /></a></div>
                                <div class="info">
                                    <a class="name" href="#" title="프로젝트에 강한 팀장의 비밀">프로젝트에 강한 팀장의 비밀</a>
                                    <a class="name sub" href="#" title="로라 밴더캠 저">로라 밴더캠 저</a>
                                </div>
                                <div class="prc1"><span>26,000원</span></div>
                                <div class="prc2"><span>18,900원</span><img src="img/common/ic_down_blue.gif" /><span class="perc">27%</span></div>
                            </dl>
                        </li>
                        <li class="clear"></li>
                    </ul>
                    <!-- End:   Book list -->
                    
                    <!-- Begin: Pagination -->
                    <table class="page-control">
                        <colgroup>
                            <col width="100" />
                            <col width="*" />
                            <col width="100" />
                        </colgroup>
                        <tbody>
                            <tr height="37">
                                <td class="prev">
                                    <a href="#"><img src="img/common/btn_prev_page.gif" /></a>
                                </td>
                                <td class="form">
                                    <input type="text" name="" value="10" /><span class="mgl15 mgr10">/   총 23 페이지</span><a href=""><img src="img/common/btn_page_move.gif" /></a>
                                </td>
                                <td class="next">
                                    <a href="#"><img src="img/common/btn_next_page.gif" /></a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="pagination">
                        <ul>
                            <li class="first"><a href="#">처음</a></li>
                            <li><a href="#">&lt;</a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">6</a></li>
                            <li><a href="#">7</a></li>
                            <li><a href="#">8</a></li>
                            <li><a href="#">9</a></li>
                            <li><a href="#">10</a></li>
                            <li><a href="#">&gt;</a></li>
                            <li class="last"><a href="#">끝</a></li>
                        </ul>
                    </div>
                    <!-- End: Pagination -->
                    <br/><br/><br/><br/><br/><br/><br/>
                </div>
                <!-- End:   Book content -->
            </div>
        </div>
    </article>
    <footer class="blue">
        <div class="container"><img src="img/footer_blue.jpg" /></div>
    </footer>
</body>
</html>